﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery彩色弹动导航菜单</title>
    <link rel="stylesheet" href="css/main.css" type="text/css" />

    <script type="text/javascript" src="js/jquery.js" ></script>
    <script type="text/javascript" src="js/jquery-bp.js" ></script>
    <script type="text/javascript" src="js/navigation.js" ></script>
</head>
<body>

<div id="header">
    <div id="navigation" class="container">
        <div id="home" class="pri-nav active">
            <div><a href="home">home</a></div>
        </div>
        <div id="about" class="pri-nav">
            <div>
                <a href="about">about</a>
            </div>
        </div>
        <div id="services" class="pri-nav">
            <div>
                <a href="services">services</a>
            </div>
        </div>
        <div id="solutions" class="pri-nav">
            <div>
                <a href="solutions">solutions</a>
            </div>
        </div>
        <div id="contact" class="pri-nav">
            <div>
                <a href="contact">contact</a>
            </div>
        </div>
    </div>
    
    <div class="container">
        <div class="content">
            <div id="content-title"></div>
            <!-- the rest of the content-->
        </div>
    </div>
    <div style="text-align:center;clear:both"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
        <p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
    </div>
</div>
    
</body>
</html>